<template>
  <div class="inforevise">
    <!-- 标题 -->
    <el-row class="header">
      <el-col :span="2" class="headerImg">
        <img src="../assets/left.png" alt />
      </el-col>
      <el-col :span="22" class="headerTitle">{{title}}</el-col>
    </el-row>
    <!-- 表单 -->
    <el-row>
      <el-col :span="22" :offset="1" class="formWrap">
        <el-form :label-position="labelPosition" label-width="80px" :model="formLabelAlign">
          <el-form-item label="姓名" class="formList">
            <el-input v-model="formLabelAlign.name"></el-input>
          </el-form-item>
          <el-form-item label="手机" class="formList">
            <el-input v-model="formLabelAlign.tel"></el-input>
          </el-form-item>
          <el-form-item label="单位名称" class="formList">
            <el-input v-model="formLabelAlign.com"></el-input>
          </el-form-item>
          <el-form-item label="所属区域" class="formList">
            <el-input v-model="formLabelAlign.quyu"></el-input>
          </el-form-item>
          <el-form-item label="职务" class="formList">
            <el-input v-model="formLabelAlign.zhiwu"></el-input>
          </el-form-item>
        </el-form>
      </el-col>
    </el-row>
    <!-- 保存 -->
    <el-row >
      <el-col :span="24" class="save">保存</el-col>
    </el-row>
  </div>
</template>
<script>
export default {
  name: "inforevise",
  data() {
    return {
      title: "业务联系人信息修改",
      labelPosition: "left",
      formLabelAlign: {
        name: "",
        tel: "",
        com: "",
        quyu:"",
        zhiwu:""
      }
    };
  }
};
</script>


<style lang="less" scoped>
* {
  font-size: 0.14rem;
}

.header {
  background: #ffffff;
  height: 0.8rem;
  overflow: hidden;
  border-bottom: 1px solid #f8f8f8;
  .headerImg {
    height: 0.8rem;
    img {
      width: 0.3rem;
      height: 0.5rem;
      overflow: hidden;
      margin-top: 0.15rem;
      float: right;
    }
    // background: red;
  }
  .headerTitle {
    font-size: 0.26rem;
    line-height: 0.8rem;
    text-align: center;
    font-weight: 600;
  }
}
// form
.formWrap {
  // background: red;
  margin-top: 0.5rem;
  .formList{
    // text-indent: 0.2rem
    // border-bottom: 1px solid #c6c6c6;
    input{
      border: none;
    }
  }
  
}
.save{
  width: 100%;
  height: 1rem;
  background: #fc1804;
  text-align: center;
  font-size: 0.25rem;
  line-height: 1rem;
  position: fixed;
  bottom: 0;
  left: 0;
  color: #ffffff;
  font-weight: 600;
}

</style>